<script src="http://code.jquery.com/jquery-latest.js"></script>
  <link rel="stylesheet" type="text/css" href="http://dev.jquery.com/view/trunk/plugins/tooltip/jquery.tooltip.css" />
 <?php echo $this->headLink()->appendStylesheet($this->baseURL.'/css/screen.css') ?>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/tooltip/jquery.dimensions.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/tooltip/jquery.tooltip.js"></script>
 <script>
  $(document).ready(function(){

    $(".tooltip").tooltip({    
    	track: true, 
        delay: 0, 
        showURL: false, 
        opacity: 1, 
        fixPNG: true, 
        showBody: " - ", 
        extraClass: "pretty fancy", 
        top: -15, 
        left: 5 
	});
	
  });
  
  </script>

<table width="500" class="grid">
<tr>
<td class="product">
<img class="tooltip" width="100" height="75" src="<?php echo $this->baseURL?>/images/products/sp1.jpg" 
title="Mô tả - Đây là phần mô tả cho sản phẩm 1 Đây là phần mô tả cho sản phẩm 1"/>
<br><div class="ProductName"><a href="">Tên sản phẩm</a></div>
</td>
<td align="center" style="padding: 20px;">
<img  class="tooltip" width="100" height="75" src="<?php echo $this->baseURL?>/images/products/sp2.jpg"
title="Mô tả - Đây là phần mô tả cho sản phẩm 2 Đây là phần mô tả cho sản phẩm 2"/>
<br><div class="ProductName"><a href="">Tên sản phẩm</a></div>
</td>
<td align="center">
<img width="100" height="75" src="<?php echo $this->baseURL?>/images/products/sp3.jpg" title="Mô tả"/>
<br><div class="ProductName"><a href="">Tên sản phẩm</a></div>
</td>
</tr>
<tr>
<td align="center">
<img width="100" height="75" src="<?php echo $this->baseURL?>/images/products/sp4.jpg" title="Mô tả" />
<br><div class="ProductName"><a href="">Tên sản phẩm</a></div>
</td>
<td align="center">
<img width="100" height="75" src="<?php echo $this->baseURL?>/images/products/sp5.jpg" title="Mô tả" />
<br><div class="ProductName"><a href="">Tên sản phẩm</a></div>
</td>
<td align="center">
<img width="100" height="75" src="<?php echo $this->baseURL?>/images/products/sp3.jpg" title="Mô tả" />
<br><div class="ProductName"><a href="">Tên sản phẩm</a></div>
</td>
</tr>
<tr>
<td align="center">
<img width="100" height="75" src="<?php echo $this->baseURL?>/images/products/sp2.jpg" title="Mô tả" />
<br><div class="ProductName"><a href="">Tên sản phẩm</a></div>
</td>
<td align="center">
<img width="100" height="75" src="<?php echo $this->baseURL?>/images/products/sp4.jpg" title="Mô tả" />
<br><div class="ProductName"><a href="">Tên sản phẩm</a></div>
</td>
<td align="center">
<img width="100" height="75" src="<?php echo $this->baseURL?>/images/products/sp1.jpg" title="Mô tả" />
<br><div class="ProductName"><a href="">Tên sản phẩm</a></div>
</td>
</tr>
</table>